<template>
  <div>
    <mt-swipe :auto="4000" class="swiper">
      <mt-swipe-item v-for="item in swipeList" :key="item.id">
        <a :href="item.href"><img :src="item.img_url" :class="{full:$props.isFull}"></a>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  props:["swipeList","isFull"],
  data(){
    return {
      swiperList:this.$props.swiperList,
    }
  }
}
</script>



<style lang="less" scoped>
 .swiper{
   height: 200px;
   text-align: center;
   img{
    //  width: 100%;
     height: 100%;
   }
 }
 .full{
   width: 100%;
 }
</style>